@import "../variables";

@mixin media-up($size) {
  @media(min-width: $size) {
    @content
  }
}

@mixin media-down($size) {
  @media(max-width: $size) {
    @content
  }
}

@mixin media-up-breakpoint($name) {
  @media(min-width: map_get($grid-breakpoints, $name)) {
    @content
  }
}

@mixin media-down-breakpoint($name) {
  @media(max-width: map_get($grid-breakpoints, $name)) {
    @content
  }
}
